import { reqLogin, reqUserInfo, reqLogout } from "@/api/user";
import { getToken, setToken, removeToken } from "@/utils/auth";
import { resetRouter } from "@/router";

const getDefaultState = () => {
  return {
    token: getToken(),
    name: "",
    avatar: "",
  };
};

const state = getDefaultState();

const mutations = {
  RESET_STATE: (state) => {
    Object.assign(state, getDefaultState());
  },
  SET_TOKEN: (state, token) => {
    state.token = token;
  },
  SET_NAME: (state, name) => {
    state.name = name;
  },
  SET_AVATAR: (state, avatar) => {
    state.avatar = avatar;
  },
};

const actions = {
  // // user login
  // login({ commit }, userInfo) {
  //   const { username, password } = userInfo;
  //   return new Promise((resolve, reject) => {
  //     login({ username: username.trim(), password: password })
  //       .then((response) => {
  //         const { data } = response;
  //         commit("SET_TOKEN", data.token);
  //         setToken(data.token);
  //         resolve();
  //       })
  //       .catch((error) => {
  //         reject(error);
  //       });
  //   });
  // },

  // // get user info
  // getInfo({ commit }) {
  //   return new Promise((resolve, reject) => {
  //     getInfo()
  //       .then((response) => {
  //         // const { data } = response;
  //         // if (!data) {
  //         //   return reject("Verification failed, please Login again.");
  //         // }
  //         // const { name, avatar } = data;
  //         // commit("SET_NAME", name);
  //         // commit("SET_AVATAR", avatar);
  //         // resolve(data);
  //       })
  //       .catch((error) => {
  //         reject(error);
  //       });
  //   });
  // },

  // // user logout
  // logout({ commit, state }) {
  //   return new Promise((resolve, reject) => {
  //     logout(state.token)
  //       .then(() => {
  //         removeToken(); // must remove  token  first
  //         resetRouter();
  //         commit("RESET_STATE");
  //         resolve();
  //       })
  //       .catch((error) => {
  //         reject(error);
  //       });
  //   });
  // },

  // // remove token
  // resetToken({ commit }) {
  //   return new Promise((resolve) => {
  //     removeToken(); // must remove  token  first
  //     commit("RESET_STATE");
  //     resolve();
  //   });
  // },

  // 登录获取token
  async login({ commit }, userInfo) {
    try {
      let data = await reqLogin(userInfo);
      commit("SET_TOKEN", data.token);
      setToken(data.token);
    } catch (e) {
      console.log(e);
    }
  },

  // 获取用户信息
  async getInfo({ commit }) {
    try {
      let data = await reqUserInfo();
      // console.log(data);
      commit("SET_NAME", data.name);
      commit("SET_AVATAR", data.avatar);
    } catch (e) {
      console.log(e);
    }
  },

  // 退出登录
  async logout({ commit }) {
    try {
      await reqLogout();
      // 退出登录的时候清空token，需要先清空再commit
      removeToken();
      commit("RESET_STATE");
    } catch (e) {
      console.log(e);
    }
  },

  // remove token
  async resetToken({ commit }) {
    await reqLogout();
    removeToken(); // must remove  token  first
    commit("RESET_STATE");
  },
};

export default {
  namespaced: true,
  state,
  mutations,
  actions,
};
